.auth-tree {
  .card {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    margin-bottom: 12px;

    .header {
      height: 54px;
      padding: 0 24px;
      font-weight: 500;
      font-size: 16px;
      background: transparent;
      border-radius: 2px 2px 0 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .selected {
      color: #5970ed;
    }

    .content {
      border-top: 1px solid #e8e8e8;
      padding: 0 24px;
      font-size: 14px;

      .item {
        display: flex;
        line-height: 54px;
        border-top: 1px solid #e8e8e8;

        &:first-child {
          border-top: 0;
        }

        .subheade {
          width: 170px;

          span {
            font-size: 15px;
          }
        }

        .btn-list {
          margin: 0;
          padding: 0;
          display: flex;
          flex-wrap: wrap;
          flex: 1;
          line-height: 34px;
          margin: 10px;

          li {
            list-style-type: none;
            margin-right: 22px;

            span {
              font-size: 14px;
            }
          }
        }
      }
    }
  }
}
